//定义json，接收表格数据，使子页面获取到父页面的数据
var json;
layui.use('table', function(){
  var table = layui.table;
  //表格实例
  table.render({
    elem: '#demo'
    ,height: 'full-100'
    ,url: 'toMParkingByPage' //数据接口
    ,page: true //开启分页
    ,limits: [10, 15, 20, 25]
    ,limit: 10
    ,cols: [[ //表头
    	//开启排序:sort: true
    	//隐藏列：hide:true
      {field: 'id', title: 'ID', align:'center', width:100}
      ,{field: 'lnglat1', title: '经度', align:'center',toolbar: '#l1'}
      ,{field: 'lnglat2', title: '纬度', align:'center',toolbar: '#l2'}
      ,{field: 'm_address', title: '车位地点名称', align:'center',toolbar: '#aa'}
      ,{field: 'm_phoneNum', title: '出租商家联系方式', align:'center',toolbar: '#bb'}
      ,{field: 'm_name', title: '出租商户名称', align:'center',toolbar: '#cc'}
      ,{field: 'price', title: '单价', align:'center'}
      ,{fixed: 'right', title: '操作',align:'center', toolbar: '#barDemo'}//自定义按钮
    ]]
      ,done: function () {
          $("[data-field='m_address']").css('display','none');
          $("[data-field='m_phoneNum']").css('display','none');
          $("[data-field='m_name']").css('display','none');
          $("[data-field='price']").css('display','none');
      }
  });
  
  //监听工具条
  table.on('tool(test)', function(obj){
  	var data = obj.data;
    if(obj.event === 'detail'){
        lookComm(data);
    }else if(obj.event === 'del'){
    	layer.confirm('真的删除行么', function(index){
    		del(data);

    		layer.close(index);
    	});
    }else if(obj.event === 'gis'){
      //layer.alert('ID：'+ data.id + ' 定位')
      var longitude = data.merchant_lnglat.lnglat1;//获取经度
      var latitude = data.merchant_lnglat.lnglat2;//获取纬度
      // 百度地图信息提示窗
			var sContent ="<div style='width:400px; height:200px; margin-top: 15px;'>";
				sContent +="<fieldset class='layui-elem-field layui-field-title'>";
				sContent +="<legend style='font-size:16px;'>"+data.id+"</legend>";
				sContent +="</fieldset>";
				sContent +="<ul class='layui-timeline' style='padding-top:10px;'>";
				sContent +="<li class='layui-timeline-item'>";
				sContent +="<i class='layui-icon layui-timeline-axis'></i>";
				sContent +="<div class='layui-timeline-content layui-text'>";
				sContent +="<p class='layui-timeline-title mapcolLar'>定位信息</p>";
				sContent +="<p class='mapcolLarVice'>经度信息："+data.merchant_lnglat.lnglat1+"</p>";
				sContent +="<p class='mapcolLarVice'>纬度信息："+data.merchant_lnglat.lnglat2+"</p>";
				sContent +="</div>";
				sContent +="</li>";
				sContent +="</ul";
				sContent +="</div>";
				//点击详情进行定位
				if(longitude != "" && latitude != ""){
					map.clearOverlays();//清除地图覆盖物
					chengdu();//重新设置显示区域为四川省成都市
					var new_point = new BMap.Point(longitude,latitude);
					var marker = new BMap.Marker(new_point);//创建标注
					map.addOverlay(marker);//将标注添加到地图中
					map.panTo(new_point);
					var infoWindow = new BMap.InfoWindow(sContent); // 创建信息窗口对象
                    // infoWindow.addEventListener("close", function () {
                    //     that.clearOverlaysInParking();
                    // });
                    map.openInfoWindow(infoWindow,new_point); //开启信息窗口
				}else{
					layer.alert('ID：'+ data.id + ' 定位失败，经纬度信息为空')
				}
      //百度地图定位 End
    }
  });


    //删除方法
    function del(data) {
            $.ajax({
                url: "delMC.do",
                data: {id: data.id},
                type: "delete",
                dataType: "json",
                success: function (res) {
                    if (res.code == 200) {
                        //刷新表格
                        layer.msg(res.msg);
                        table.reload();
                    } else if (res.code == -1) {
                        layer.msg(res.msg);
                    }
                }
            });
    }

    //详情页
    function lookComm(data) {
        var index = layui.layer.open({
            title: "查看详情",
            type: 2,
            content: "toindexMod.do",
            area: ['650px', '600px'],
            success: function (layero, index) {
                var body = layui.layer.getChildFrame('body', index);//少了这个是不能从父页面向子页面传值的
                body.contents().find("#m_address").val(data.merchantUsers.m_address);
                body.contents().find("#m_phoneNum").val(data.merchantUsers.m_phoneNum);
                body.contents().find("#m_name").val(data.merchantUsers.m_name);
                body.contents().find("#price").val(data.price);
            }
        });
        //layui.layer.full(index);//全屏显示
        window.sessionStorage.setItem("index", index);
        //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
        $(window).on("resize", function () {
            layui.layer.full(window.sessionStorage.getItem("index"));
        })
    }
});

